var prefix = ctx + "wxs/shopUser"
//表单中字典字段	
var dictFields = ["shopUserFlag"];
//字典类型 顺序与表单字典字段对应
var dictKeys = ["shopUserFlag"];
var dicDatas = {};

$(function () {
    load();
    loadDicts();
    $("#oilGoods").fileinput({
        'uploadUrl': prefix + '/importShopUsers?shopId=' + shopId + '&userType=o',
        removeFromPreviewOnError: true, //当选择的文件不符合规则时，例如不是指定后缀文件、大小超出配置等，选择的文件不会出现在预览框中，只会显示错误信息
        validateInitialCount: true,//开启校验文件数量限制
        maxFileCount: 1,//允许最多上传文件数量
        dropZoneEnabled: false,//是否显示拖拽区域
        maxFileSize: 10240,//单位为kb，如果为0表示不限制文件大小
        'theme': 'fas',
        'language': 'zh',
        overwriteInitial: false,
        initialPreviewAsData: true,
        allowedFileExtensions: ['xlsx', 'xls']
    }).on("fileuploaded", function (event, data, previewId, index) {
        if (data.response.count > 0) {
            layer.msg("存在" + data.response.count + "条数据未导入成功，可能因为手机号或身份证号未填写")
        } else {
            layer.msg(data.response.msg);
        }
    });
});

function loadDicts() {
    $.ajax({
        url: ctx + 'common/dict/listdictbykeys',
        data: {'dictKeys': dictKeys},
        async: false,//同步执行
        success: function (data) {
            dicDatas = data;
        }
    });
    //平台字典
    $.ajax({
        url: ctx + 'plat/platInfo/listPlatDict',
        async: false,//同步执行
        success: function (data) {
            dicDatas["platId"] = data;
            //搜索条件
            $('#platId').bootstrapSelect({
                data: dicDatas['platId'],
                valueField: 'platId',
                textField: 'platName',
                placeholder: "请选择所属平台"
            });
        }
    });

}

function load() {
    $('#exampleTable')
        .bootstrapTable(
            {
                method: 'get', // 服务器数据的请求方式 get or post
                url: prefix + "/list", // 服务器数据的加载地址
                iconSize: 'outline',
                toolbar: '#exampleToolbar',
                striped: true, // 设置为true会有隔行变色效果
                dataType: "json", // 服务器返回的数据类型
                pagination: true, // 设置为true会在底部显示分页条
                singleSelect: false, // 设置为true将禁止多选
                // //发送到服务器的数据编码类型
                pageSize: 10, // 如果设置了分页，每页数据条数
                pageNumber: 1, // 如果设置了分布，首页页码
                showColumns: false, // 是否显示内容下拉框（选择显示的列）
                sidePagination: "server", // 设置在哪里进行分页，可选值为"client" 或者 "server"
                queryParams: function (params) {
                    return {
                        userType: 'o',//单位类型
                        userDept: shopId,//加油站ID
                        limit: params.limit,
                        offset: params.offset
                    };
                },
                columns: [
                    {
                        checkbox: true
                    },
                    // 								{
                    // 	field : 'userId',
                    // 	title : 'ID',
                    // 	visible : false
                    // },
                    {
                        field: 'userName',
                        title: '用户名称'
                    },
                    {
                        field: 'userPhone',
                        title: '用户手机号'
                    }, {
                        field: 'userCommunitynum',
                        title: '用户身份证号'
                    },
                    {
                        field: 'openId',
                        title: '微信OPEN-ID'
                    },
                    {
                        field: 'roleName',
                        title: '用户角色'
                    },
                    {
                        field: 'userFlag',
                        title: '状态',
                        formatter: function (value, row, index) {
                            for (var i = 0; i < dicDatas['shopUserFlag'].length; i++) {
                                if (dicDatas['shopUserFlag'][i].value == value) {
                                    return dicDatas['shopUserFlag'][i].name;
                                }
                            }
                        }
                    },
                    {
                        field: 'remark',
                        title: '备注'
                    },
                    {
                        title: '操作',
                        field: 'id',
                        align: 'center',
                        formatter: function (value, row, index) {
                            var e = '<a class="btn btn-primary btn-sm ' + s_edit_h + '" href="#" mce_href="#" title="编辑" onclick="edit(\''
                                + row.userId
                                + '\')"><i class="fa fa-edit"></i></a> ';
                            var d = '<a class="btn btn-warning btn-sm ' + s_remove_h + '" href="#" title="删除"  mce_href="#" onclick="remove(\''
                                + row.userId
                                + '\')"><i class="fa fa-remove"></i></a> ';
                            // var f = '<a class="btn btn-success btn-sm ' + s_edit_h + '" href="#" title="重置密码"  mce_href="#" onclick="resetPwd(\''
                            // + row.userId
                            // + '\')"><i class="fa fa-key"></i></a> ';
                            var g = '<a class="btn btn-success btn-sm ' + s_edit_h + '" href="#" title="设置角色"  mce_href="#" onclick="confRole(\''
                                + row.userId
                                + '\')">设置角色</a> ';
                            return e + d + g;
                        }
                    }]
            });
}

// function resetPwd(id) {
// 	layer.open({
// 		type : 2,
// 		title : '重置密码',
// 		maxmin : true,
// 		shadeClose : false, // 点击遮罩关闭层
// 		area : [ '400px', '260px' ],
// 		content : prefix + '/resetPwd/' + id // iframe的url
// 	});
// }
function reLoad() {
    var query = {};
    $.each($("#search-form").serializeArray(), function (i, field) {
        query[field.name] = field.value;
    });
    var opt = {
        query: query
    };
    $('#exampleTable').bootstrapTable('refresh', opt);
}

function add() {
    layer.open({
        type: 2,
        title: '增加',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '580px'],
        content: prefix + '/addOil/' + shopId // iframe的url
    });
}

function addOilUser() {
    layer.open({
        type: 2,
        title: "选择人员",
        area: ['800px', '600px'],
        content: ctx + "plat/merchantInfo/wxUserView"
    })
}

function loadWxUser(openId, userId) {
    $.ajax({
        cache: true,
        type: "POST",
        url: ctx + "wxs/shopUser/updateToOilUser",
        data: {"userId": userId, "userDept": shopId},
        async: false,
        error: function (request) {
            layer.alert("Connection error");
        },
        success: function (data) {
            if (data.code == 0) {
                layer.msg("操作成功");
                reLoad();
            } else {
                layer.alert(data.msg)
            }
        }
    });
}

function edit(id) {
    layer.open({
        type: 2,
        title: '编辑',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '580px'],
        content: prefix + '/editOil/' + id // iframe的url
    });
}

function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn: ['确定', '取消']
    }, function () {
        $.ajax({
            url: prefix + "/removeUserType",
            type: "post",
            data: {
                'userId': id
            },
            success: function (r) {
                if (r.code == 0) {
                    layer.msg(r.msg);
                    reLoad();
                } else {
                    layer.msg(r.msg);
                }
            }
        });
    })
}

function confRole(userId) {
    layer.open({
        type: 2,
        title: '设置角色',
        maxmin: true,
        shadeClose: false, // 点击遮罩关闭层
        area: ['800px', '580px'],
        content: prefix + '/confRole/' + userId // iframe的url
    });
}
